﻿<link href='/static/landing.css' rel='stylesheet' type='text/css'/>
<script type='text/javascript'>
    jQuery.fn.cleanWhitespace = function() {
        textNodes = this.contents().filter(
                function() {
                    return (this.nodeType == 3 && !/\S/.test(this.nodeValue));
                })
                .remove();
        return this;
    }

    function removeLanding() {
        $(".landing-container").remove();
        $(window).scrollTop($(window).scrollTop() - $(window).height());
        $(".landing-fixed").css('position', 'fixed');
    }
    $(document).ready(function() {
        $("body").cleanWhitespace();
        $("body").on("load", "iframe", function() {
            alert('works');
        });
        $(window).scroll(function() {
            if ($(".landing-container").length && $(window).scrollTop() >= $(window).height())
                removeLanding();

        });
        $(".landing-follow").click(function() {
            $(".fb-follow").click();
        });
        $(".landing-menu a").click(function() {
            removeLanding();
            if (this.hash == '#create') {
                scroll = ($('#create').height() + $('#create').position().top) - $(window).height()
                $.scrollTo(scroll, 500);
                return false;
            }
            $.scrollTo(this.hash, 500);
            return false;

        })
    });
</script>
<div class='landing-container'>
  <div style='min-height:100%; width:100%;' id='landing'>
    <div class='landing-header'>
      <img class='landing-logo' src='/static/images/landing-logo.png' alt='logo'/>
      <a href='https://www.facebook.com/costumecode'><img class='landing-fb' src='/static/images/landing-fb.png' alt='fb'/></a>
      <a href='https://www.instagram.com/costumecode'><img class='landing-instagram' src='/static/images/landing-instagram.png' alt='fb'/></a>
    </div>
    <div class='landing-body'>
      <div class='landing-caption'>
        Шьем так, чтобы завидовали!
      </div>
      <div class='landing-knowmore'>
        <a href='https://www.facebook.com/costumecode' class='landing-fb-link'>Узнайте больше!</a>


        <div class='landing-facebook'>

          <div class='landing-like'>
            <img src='/static/images/landing-like.png' alt='like'>
          </div>

          <div class='landing-follow'>Следите за нами в Facebook<br/>

            <div class="fb-follow" data-href="https://www.facebook.com/costumecode" data-colorscheme="light" data-layout="button" data-show-faces="true"></div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class='landing-footer'>
    <ul class='landing-menu'>
      <li class='landing-prices'>
        <a href="/#create">Цены</a>
      </li>
      <li class='landing-contacts'>
        <a href="/#contacts">Контакты</a>
      </li>
      <li class='landing-lookbook'>
        <a href="/#lookbook">Lookbook</a>
      </li>
    </ul>
  </div>
  <div id="fb-root"></div>
  <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s);
      js.id = id;
      js.src = "//connect.facebook.net/ru_RU/sdk.js#xfbml=1&version=v2.0";
      fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));</script>
</div>